Intersoft WebInput Documentation
How to: Use WebInput events
See Also Send Feedback
Intersoft WebInput > Features and Concepts > Client Side Events > How to: Use WebInput events

Glossary Item Box

WebInput.NET has enhanced client side events model. Every client side event handler at least has minimum 1 parameter (controlId).

In this topic, you will learn how to use client side events in WebInput.

To use WebInput events

  1. Drag WebInput instance to WebForm.
  2. Go to WebInput ClientSideEvents property.
  3. Add WebInput1_OnAfterValueChanged to OnAfterValueChanged event.
  4. Add WebInput1_OnBeforeValueChanged to OnBeforeValueChanged event.
  5. Add WebInput1_OnBlur to OnBlur event.
  6. Add WebInput1_OnChange to OnChange event.
  7. Add WebInput1_OnClick to OnClick event.
  8. Add a DIV HTML tag and named it as "divStatus" to display the implemented event action.
  9. In client side, add WebInput1_OnAfterValueChanged function and put the following code:

  10. JavaScript Copy ImageCopy Code
    function WebInput1_OnAfterValueChanged(controlId)
{
        var dv = document.getElementById("divStatus");
        dv.innerHTML="OnAfterValueChanged event is triggered";
}

  11. In client side, add WebInput1_OnBeforeValueChanged function and put the following code: 

    JavaScript Copy ImageCopy Code
    function WebInput1_OnBeforeValueChanged(controlId)
{
        var dv = document.getElementById("divStatus");
        dv.innerHTML="OnBeforeValueChanged event is triggered";
}

  12. In client side, add WebInput1_OnBlur function and put the following code:
    JavaScript Copy ImageCopy Code
    function WebInput1_OnBlur(controlId)
{
        var dv = document.getElementById("divStatus");
        dv.innerHTML="OnBlur event is triggered";
}

  13. In client side, add WebInput1_OnChange function and put the following code:

    JavaScript Copy ImageCopy Code
    function WebInput1_OnChange(controlId)
{
        var dv = document.getElementById("divStatus");
        dv.innerHTML="OnChange event is triggered";
}

  14. In client side, add WebInput1_OnClick function and put the following code:

    JavaScript Copy ImageCopy Code
    function WebInput1_OnClick(controlId) 
{
        var dv = document.getElementById("divStatus");
        dv.innerHTML="OnClick event is triggered";
}

  15. Compile and run the Project.

See Also